@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-details{
  .btnN{
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
  }
  .h100{
    height: 100%!important;
  }
}
.m-clientDetail{
  background: #f3f3f3;
  position: absolute;
  overflow-y: auto;
  height: calc(100% - #{$_45});
  width: 100%;
  #tabList2 .tabList .tabItem:nth-child(4).active .value{
    width: $_110;
    background-size: $_110 $_37;
  }
  .nodata{
    text-align: text-center;
    background: #f3f3f3;
    height: $_200;
  }
  .baseInfo .infos{
    margin-top: 0;
    margin-bottom: $_10;
    .editBtnM{
      height: $_21;
      width: $_21;
      background:url('../img/user/icon_edit.png') no-repeat center;
      background-size: $_21;
      border: none;
    }
    .salary{
      color: #5D6061;
      letter-spacing: $_1;
      margin-top: $_10;
      padding: 0 0 0 $_22;
      background: url('../img/user/icon_salary.png') no-repeat $_3 0;
      background-size: $_15 $_15 ;
    }
  }
  /*关系树*/
  .relationContent {
    // height: 100%;
    // position: absolute;
    
    .relationLi{
      overflow-x: auto;
      margin-bottom: $_10;
      box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
      .swiper-block{
        width: calc(100% + #{$deleteBtn})
      }
        .salary{
              display: none !important;
            }
        .relationship{
              display: block !important;
            }
        .Btn{
                  width: $deleteBtn;
                  color: #fff;
                  border: none;
                  font-size: $_16;
                  letter-spacing: $_1;
            }
            .infos{
              width: $_375;
              margin-top: 0;
              margin-bottom: 0;
            }
    }
    
    .btnN{
      width: $_375;
      position: absolute;
      bottom: 0;
      border-radius: 0;
    }
   
  }
  /*话术*/
  .clientCall{
    li {
      padding: $_10;
      background: #FFFFFF;
      box-shadow: 0 $_1 $_4 0 rgba(205,210,212,0.50);
      margin-bottom: $_10;
    }
  }
  /*检测报告*/
  .pdfItem{
    padding: $_7 $_10;
    background: #fff;
    margin-bottom: $_10;
    box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
    .pdfItemL{
      width: calc(100% - #{$_92});
      .over-hide2{
        line-height: $_23;
      }
    }
    .pdfItemR.active{
      border: $_2 solid #4885F0;
      color: #4885F0;
    }
    .pdfItemR{
      border: $_2 solid  #979797;
      border-radius: $_100;
      width: $_82;
      height: $_27;
      color: #979797;
      background: #fff;
    }
  }

  /*已购买*/
  .clientOrdered{
    .productLi:last-child .proItemN4{
      margin-bottom: $_20;
    }
    .productLi .btm{
      display: none !important;
    }
    .productLi .proItemN4{
      margin: 0 auto $_10;
    }
  }
 
  .swiper-container{
    margin-top: $_10;
  }
}


/*新添关系*/
.m-editRelation{
  .infoLi{
    background: #FFFFFF;
    box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
    padding: 0 $_38 0 $_10;
    height: $_48;
    background: #fff url('../img/common/select-right.png') no-repeat 98% center;
    background-size: $_8 $_16;
  }
  .clientLists{
    height: calc(100% - #{$_88});
    position: absolute;
    width: 100%;
    overflow: auto;
    background: #f3f3f3;
    li{
      margin-top: $_10;
    }
    li:last-child{
      margin-bottom: $_20;
    }
    .top{
      .relationship{
        display: none;
      }
      .salary{
        display: none;
      }
      .checkit{
        display: block;
        width: $_18;
        background-position: center;
      }
      .checkit.active{
        background-position: center;
      }
    }
  }
  
  .btnN{
    width: $_375;
    position: absolute;
    bottom: 0;
    border-radius: 0;
  }
  .btnN:disabled{
    opacity: 0.5;
  }
}
/*产品计划书*/
.clienPlan{
  .btnN{
    position: absolute;
    width: 100%;
    border-radius: 0;
    bottom: 0;
  }
  .content{
    height: calc(100% - #{$_45});
    position: absolute;
    width: 100%;
    overflow: auto;
  }
  .plan{
    padding: $_10;
    background: #fff;
  }
  .recHead{
    height: $_45;
    background: #fff;
    width: calc(100% - #{$_20});
    padding: 0 $_10;
    margin-top: $_10;
  }
  .icon{
    width: $_24;
    height: $_24;
    display: block;
    background: url('../img/user/icon_add1.png');
    background-size: $_24;
  }
  .iconEdit{
    width: $_24;
    height: $_24;
    display: block;
    background: url('../img/user/btn_return.png') no-repeat center;
    background-size: $_8 $_16;
  }
  .productRecUl{
    min-height: $_50;
    margin-bottom: $_20;
    li:last-child .proItemN4{
      margin-bottom: $_20;
    }
    .nodata{
      margin-top: $_20;
      height: $_50;
    }
    .proItemN4 {
      width: $_375;
      border-radius: 0;
    }
  }
  .productLi.del{
    overflow-x: auto;
    .swiper-block{
      width: calc(100% + #{$deleteBtn});
    }
    .Btn{
      width: $deleteBtn;
      height: $_116;
      color: #fff;
      border: none;
      font-size: $_16;
      letter-spacing: $_1;
}
  }
  
  .priceLi{
    background: #FFFFFF;
    line-height: $_50;
    width: calc(100% - #{$_20});
    padding: 0 $_10;
    .discountPrice{
      border: none;
      text-align: right;
    }
  }
  .priceLi:first-child{
    border-bottom: $_1 solid #e7e7e7;
  }
}